<template>
  <div style="width: 100%; text-align: center; padding-top: 20px">
    <el-button size="small" class="exportBtn" @click="close" :style="{ width: width }"> 取消 </el-button>
    <el-button size="small" class="exportBtn qd" @click="sureClick" :style="{ width: width, 'margin-left': '20px' }">
      确定
    </el-button>
  </div>
</template>

<script>
export default {
  props: {
    Width: {
      type: [String, Number],
      default: '130px'
    }
  },
  data() {
    return {
      width: this.Width
    }
  },
  mounted() {},
  methods: {
    close() {
      this.$emit('close')
    },
    sureClick() {
      this.$emit('saveName')
    }
  }
}
</script>
<style lang="less" scoped>
.xg,
.qd {
  color: #fff !important;
  background-color: #fa7355;
  border: 1px solid #fa7355 !important;
  padding: 9px 8px !important;
  &:hover {
    color: #fa7355 !important;
    background-color: transparent !important;
  }
}
.xz {
  width: 60px;
}
.add {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  width: 114px;
}
</style>
